<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>事件</title>
</head>
<body>
  
<div id="app"> 
  <input type="button" value="修改message" @click="setM">
  <input type="text" v-model="message" @keyup.enter="getM">
  <h2>{{ message }}</h2>
</div>

</body>

<script src="/VueJs/vue.js"></script>

<script>

  var app =new Vue({
    el:"#app",
    data:{
      message:"黑马程序员"
    },
    methods:{
      getM:function(){
        alert(this.message);
      },
       setM: function () {
       this.message ="我爱你";
      }
    }
  })

</script>
</html>